<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@include file="../base.jsp" %>   

<s:if test="#attr.productId!=null">
    <s:set var="productId" value="#attr.productId"></s:set>
</s:if>
<s:if test="#attr.productId==null">
    <s:set var="productId" value="#parameters.productId[0]"></s:set>
</s:if>


<sys:genericTag4o 
    methodName="queryProductDetailPriceTitleAll" 
    className="com.wxy.controller.taglib.ProductTag" 
    id="productDetailPriceTitleDtoList">
    <sys:columnTag columnName="productId" columnValue="${attr.productId}"/>
</sys:genericTag4o>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>    
<link href="../css/main.css" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="../../js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../js/jquery.select.js"></script>
<script type="text/javascript" src="js/productAdd.js"></script>
<script type="text/javascript">
$(function(){
    $("#productAddStep_1_1>a").css("color","red");
});

</script>   
</head>
<body class="font14">
    <table width="100%">
        <tr>
            <td valign="top"  width="200px">
                <%@include file="productAddStep1.jsp" %>
            </td>
            <td valign="top"  width="600px">
                <table class="table1" align="center" width="100%" cellpadding="0" cellspacing="0">
                    <thead>
                        <tr style="background-color: #DEE9FB; color: #15428B;">
                            <td colspan="2" align="center">
                                <strong>商品分类标签 </strong>
                                <input type="hidden" id="productId" name="productId" value="${attr.productId}">
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                分类:(如:颜色、套餐、尺寸…)
                            </td>
                            <td>
                                分类详细:(如：红色、白色/官方套餐/4寸…)
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <s:select 
                                    id="productDetailPriceTitleSelect"
                                    list="#attr.productDetailPriceTitleDtoList"
                                    listKey="id"
                                    listValue="title"
                                    theme="simple"
                                    cssStyle="width: 230px;"
                                    size="10"
                                    onchange="javascript:queryPriceValueList();"
                                />
                                
                            </td>
                            <td>
                                <select 
                                    id="productDetailPriceValueSelect"
                                    style="width: 270px;"
                                    size="10"
                                    onchange="javascript:changePriceValueSelected();"
                                    />
                            </td>
                        </tr>
                        <tr>
                            <td valign="top">
                                <table class="table1" style="margin-top: 5px; width: 230px;">
                                    <tr>
                                        <td colspan="3">
                                            <input type="text" name="title" id="title" size="12" maxlength="20">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  colspan="3">
                                            <input type="button" value="添加分类名称" onclick="javascript:addProductDetailPriceTitle();">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3">
                                            <input type="text" name="titleSelected" id="titleSelected" size="12" maxlength="20">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  colspan="3">
                                            <input type="button" value="修改选择项" onclick="javascript:modifyProductDetailPriceTitle();">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  colspan="3">
                                        <div><font color="red">级联删除且删除后无法恢复</font></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  colspan="3">
                                            <input type="button" value="删除选中项" onclick="javascript:delProductDetailPriceTitle();">
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td valign="top">
                                <table class="table1"  style="margin-top: 5px; width: 270px;">
                                    <tr>
                                        <td colspan="3">
                                            <input type="text" name="description" id="description" size="12" maxlength="20">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  colspan="3">
                                            <input type="button" value="添加分类详细" onclick="javascript:addProductDetailPriceValue();">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3">
                                            <input type="text" name="descriptionSelected" id="descriptionSelected" size="12" maxlength="20">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  colspan="3">
                                            <input type="button" value="修改选择项" onclick="javascript:modifyProductDetailPriceValue();">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  colspan="3">
                                        <div><font color="red">级联删除且删除后无法恢复</font></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td  colspan="3">
                                            <input type="button" value="删除选中项" onclick="javascript:delProductDetailPriceValue();">
                                        </td>
                                    </tr>

                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td valign="top" >
                <jsp:include page="productInfo.jsp">
                    <jsp:param name="productId" value="${attr.productId}"/>
                </jsp:include>
            </td>
        </tr>
    </table>


</body>
</html>